import Vue from 'vue'
import App from './App.vue'
import singleSpaVue from 'single-spa-vue';
import router from './router';


Vue.config.productionTip = false


const appOptions = {
  el: '#vue', // 挂载在父应用中id为vue的标签中
  router,
  render: h => h(App)
}

const vueLifeCycle = singleSpaVue({
  Vue,
  appOptions
})
// 如果是微前端嵌入的形式，则设置静态资源全为固定的绝对路径，避免父应用引入时找不到的情况
if(window.singleSpaNavigate){
  // eslint-disable-next-line
  __webpack_public_path__ = 'http://localhost:10000/'
}
//  支持子应用独立运行
else {
  delete appOptions.el;
  new Vue(appOptions).$mount('#app');
}


// 根据协议生成暴露接口
export const boostrap = vueLifeCycle.boostrap;
export const mount = vueLifeCycle.mount;
export const unmount = vueLifeCycle.unmount;


/**
 * 需要父应用加载子应用
 *    boostrap mount unmont
 *    single-spa
 * 需要将子应用打包成一个个的lib去给父应用使用
 */
// 
  



/**
 * 存在问题
 *  样式不隔离
 */